﻿<UserControl x:Class="MainGameModule.Views.BadgeCongratsView"
             xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
             xmlns:converters="clr-namespace:MainGameModule.Views.Converters"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:ec="http://schemas.microsoft.com/expression/2010/controls"
             mc:Ignorable="d">

    <UserControl.Resources>
        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/YourWorld.Common;component/Styles/CommonResourcesDictionary.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <converters:BoolToImageSourceConverter x:Key="BoolToImageSourceConverter" />
            <converters:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" />

            <Style x:Key="ScrollBarStyle"
                   TargetType="ScrollBar">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ScrollBar">
                            <Grid x:Name="Root">
                                <Grid.Resources>
                                    <ControlTemplate x:Key="RepeatButtonTemplate"
                                                     TargetType="RepeatButton">
                                        <Grid x:Name="Root"
                                              Background="Transparent">
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualState x:Name="Normal" />
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="HorizontalIncrementTemplate"
                                                     TargetType="RepeatButton">
                                        <Grid x:Name="Root"
                                              Background="#00000000">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="35*" />
                                                <ColumnDefinition Width="30*" />
                                                <ColumnDefinition Width="35*" />
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="25*" />
                                                <RowDefinition Height="50*" />
                                                <RowDefinition Height="25*" />
                                            </Grid.RowDefinitions>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.2"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="#FF557E9A" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="FocusStates">
                                                    <VisualState x:Name="Focused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Visible</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Unfocused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Collapsed</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Path x:Name="ButtonVisual"
                                                  Grid.Column="1"
                                                  Grid.Row="1"
                                                  Stretch="Fill"
                                                  Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z ">
                                                <Path.Fill>
                                                    <SolidColorBrush Color="#FF313131"
                                                                     x:Name="ButtonColor" />
                                                </Path.Fill>
                                            </Path>
                                            <Rectangle x:Name="FocusVisual"
                                                       IsHitTestVisible="false"
                                                       Opacity="0"
                                                       Grid.ColumnSpan="3"
                                                       Grid.RowSpan="3"
                                                       Fill="#00000000"
                                                       Stroke="#666666"
                                                       StrokeDashArray=".2 5"
                                                       StrokeDashCap="Round" />
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="HorizontalDecrementTemplate"
                                                     TargetType="RepeatButton">
                                        <Grid x:Name="Root"
                                              Background="#00000000">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="35*" />
                                                <ColumnDefinition Width="30*" />
                                                <ColumnDefinition Width="35*" />
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="25*" />
                                                <RowDefinition Height="50*" />
                                                <RowDefinition Height="25*" />
                                            </Grid.RowDefinitions>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.2"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="#FF557E9A" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="FocusStates">
                                                    <VisualState x:Name="Focused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Visible</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Unfocused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Collapsed</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Path x:Name="ButtonVisual"
                                                  Grid.Column="1"
                                                  Grid.Row="1"
                                                  Stretch="Fill"
                                                  Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z ">
                                                <Path.Fill>
                                                    <SolidColorBrush Color="#FF313131"
                                                                     x:Name="ButtonColor" />
                                                </Path.Fill>
                                            </Path>
                                            <Rectangle x:Name="FocusVisual"
                                                       IsHitTestVisible="false"
                                                       Opacity="0"
                                                       Grid.ColumnSpan="3"
                                                       Grid.RowSpan="3"
                                                       Fill="#00000000"
                                                       Stroke="#666666"
                                                       StrokeDashArray=".2 5"
                                                       StrokeDashCap="Round" />
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="VerticalIncrementTemplate"
                                                     TargetType="RepeatButton">
                                        <Grid x:Name="Root"
                                              Background="#00000000">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="25*" />
                                                <ColumnDefinition Width="50*" />
                                                <ColumnDefinition Width="25*" />
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="35*" />
                                                <RowDefinition Height="30*" />
                                                <RowDefinition Height="35*" />
                                            </Grid.RowDefinitions>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.2"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="#FFAAAAAA" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="FocusStates">
                                                    <VisualState x:Name="Focused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Visible</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Unfocused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Collapsed</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Path x:Name="ButtonVisual"
                                                  Grid.Column="1"
                                                  Grid.Row="1"
                                                  Stretch="Fill"
                                                  Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z "
                                                  Stroke="#FFAAAAAA">
                                                <Path.Fill>
                                                    <SolidColorBrush Color="#FF5A5A5A"
                                                                     x:Name="ButtonColor" />
                                                </Path.Fill>
                                            </Path>
                                            <Rectangle x:Name="FocusVisual"
                                                       IsHitTestVisible="false"
                                                       Opacity="0"
                                                       Grid.ColumnSpan="3"
                                                       Grid.RowSpan="3"
                                                       Fill="#00000000"
                                                       Stroke="#666666"
                                                       StrokeDashArray=".2 5"
                                                       StrokeDashCap="Round" />
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="VerticalDecrementTemplate"
                                                     TargetType="RepeatButton">
                                        <Grid x:Name="Root"
                                              Background="#00000000">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="25*" />
                                                <ColumnDefinition Width="50*" />
                                                <ColumnDefinition Width="25*" />
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="35*" />
                                                <RowDefinition Height="30*" />
                                                <RowDefinition Height="35*" />
                                            </Grid.RowDefinitions>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.2"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="#FFAAAAAA" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ButtonVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="FocusStates">
                                                    <VisualState x:Name="Focused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Visible</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Unfocused">
                                                        <Storyboard>
                                                            <ObjectAnimationUsingKeyFrames Duration="0"
                                                                                           Storyboard.TargetName="FocusVisual"
                                                                                           Storyboard.TargetProperty="Visibility">
                                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                                    <DiscreteObjectKeyFrame.Value>
                                                                        <Visibility>Collapsed</Visibility>
                                                                    </DiscreteObjectKeyFrame.Value>
                                                                </DiscreteObjectKeyFrame>
                                                            </ObjectAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Path x:Name="ButtonVisual"
                                                  Grid.Column="1"
                                                  Grid.Row="1"
                                                  Stretch="Fill"
                                                  Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z "
                                                  Stroke="#FFAAAAAA"
                                                  StrokeThickness="1">
                                                <Path.Fill>
                                                    <SolidColorBrush Color="#FF5A5A5A"
                                                                     x:Name="ButtonColor" />
                                                </Path.Fill>
                                            </Path>
                                            <Rectangle x:Name="FocusVisual"
                                                       IsHitTestVisible="false"
                                                       Opacity="0"
                                                       Grid.ColumnSpan="3"
                                                       Grid.RowSpan="3"
                                                       Fill="#00000000"
                                                       Stroke="#66666666"
                                                       StrokeDashArray=".2 5"
                                                       StrokeDashCap="Round" />
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="VerticalThumbTemplate"
                                                     TargetType="Thumb">
                                        <Grid>
                                            <Grid.Resources>
                                                <SolidColorBrush x:Key="Background"
                                                                 Color="#FF003255" />
                                                <Color x:Key="LinearBevelLightStartColor">#FF5A5A5A</Color>
                                                <Color x:Key="LinearBevelLightEndColor">#FF5A5A5A</Color>
                                                <Color x:Key="LinearBevelDarkStartColor">#FF5A5A5A</Color>
                                                <Color x:Key="LinearBevelDarkEndColor">#FF5A5A5A</Color>
                                                <Color x:Key="HoverLinearBevelLightStartColor">#FFAAAAAA</Color>
                                                <Color x:Key="HoverLinearBevelLightEndColor">#FFAAAAAA</Color>
                                                <Color x:Key="HoverLinearBevelDarkStartColor">#FFAAAAAA</Color>
                                                <Color x:Key="HoverLinearBevelDarkEndColor">#FFAAAAAA</Color>
                                            </Grid.Resources>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.1"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelLightEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelLightEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelDarkStartColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelDarkEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Grid x:Name="ThumbVisual">
                                                <Rectangle Margin="2.5,.5,2.5,.5"
                                                           x:Name="Background"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Fill="{StaticResource Background}" />
                                                <Rectangle Margin="2,0,2,0"
                                                           x:Name="rectangle"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Stroke="#FF777777"
                                                           StrokeThickness="1">
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush EndPoint="1,0.5"
                                                                             StartPoint="0,0.5">
                                                            <GradientStop Color="{StaticResource LinearBevelLightStartColor}"
                                                                          Offset="0"
                                                                          x:Name="LinearBevelLightStart" />
                                                            <GradientStop Color="{StaticResource LinearBevelLightEndColor}"
                                                                          Offset="0.35"
                                                                          x:Name="LinearBevelLightEnd" />
                                                            <GradientStop Color="{StaticResource LinearBevelDarkStartColor}"
                                                                          Offset="0.35"
                                                                          x:Name="LinearBevelDarkStart" />
                                                            <GradientStop Color="{StaticResource LinearBevelDarkEndColor}"
                                                                          Offset="1"
                                                                          x:Name="LinearBevelDarkEnd" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                                <Rectangle Margin="3,1,3,1"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Fill="#00000000" />
                                            </Grid>
                                        </Grid>
                                    </ControlTemplate>
                                    <ControlTemplate x:Key="HorizontalThumbTemplate"
                                                     TargetType="Thumb">
                                        <Grid>
                                            <Grid.Resources>
                                                <SolidColorBrush x:Key="Background"
                                                                 Color="#FF003255" />
                                                <Color x:Key="LinearBevelLightStartColor">#FCFFFFFF</Color>
                                                <Color x:Key="LinearBevelLightEndColor">#F4FFFFFF</Color>
                                                <Color x:Key="LinearBevelDarkStartColor">#E0FFFFFF</Color>
                                                <Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
                                                <Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
                                                <Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
                                                <Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
                                                <Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
                                            </Grid.Resources>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualStateGroup.Transitions>
                                                        <VisualTransition GeneratedDuration="0:0:0.1"
                                                                          To="MouseOver" />
                                                    </VisualStateGroup.Transitions>
                                                    <VisualState x:Name="Normal" />
                                                    <VisualState x:Name="MouseOver">
                                                        <Storyboard>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelLightEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelLightEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelDarkStartColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle"
                                                                                          Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                                <SplineColorKeyFrame KeyTime="00:00:00"
                                                                                     Value="{StaticResource HoverLinearBevelDarkEndColor}" />
                                                            </ColorAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                    <VisualState x:Name="Disabled">
                                                        <Storyboard>
                                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual"
                                                                                           Storyboard.TargetProperty="(UIElement.Opacity)">
                                                                <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                                      Value="0.6" />
                                                            </DoubleAnimationUsingKeyFrames>
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Grid x:Name="ThumbVisual">
                                                <Rectangle Margin=".5,2.5,.5,2.5"
                                                           x:Name="Background"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Fill="{StaticResource Background}" />
                                                <Rectangle Margin="0,2,0,2"
                                                           x:Name="rectangle"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Stroke="#FF777777"
                                                           StrokeThickness="1">
                                                    <Rectangle.Fill>
                                                        <LinearGradientBrush EndPoint="0.5,1.11"
                                                                             StartPoint="0.5,-0.11">
                                                            <GradientStop Color="{StaticResource LinearBevelLightStartColor}"
                                                                          Offset="0"
                                                                          x:Name="LinearBevelLightStart" />
                                                            <GradientStop Color="{StaticResource LinearBevelLightEndColor}"
                                                                          Offset="0.35"
                                                                          x:Name="LinearBevelLightEnd" />
                                                            <GradientStop Color="{StaticResource LinearBevelDarkStartColor}"
                                                                          Offset="0.35"
                                                                          x:Name="LinearBevelDarkStart" />
                                                            <GradientStop Color="{StaticResource LinearBevelDarkEndColor}"
                                                                          Offset="1"
                                                                          x:Name="LinearBevelDarkEnd" />
                                                        </LinearGradientBrush>
                                                    </Rectangle.Fill>
                                                </Rectangle>
                                                <Rectangle Margin="1,3,1,3"
                                                           RadiusX="2.5"
                                                           RadiusY="2.5"
                                                           Fill="#00000000"
                                                           Stroke="White"
                                                           StrokeThickness="1" />
                                            </Grid>
                                        </Grid>
                                    </ControlTemplate>
                                </Grid.Resources>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="MouseOver" />
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root"
                                                                               Storyboard.TargetProperty="(UIElement.Opacity)">
                                                    <SplineDoubleKeyFrame KeyTime="00:00:00"
                                                                          Value="0.5" />
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid x:Name="HorizontalRoot"
                                      Height="9">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition />
                                        <RowDefinition />
                                    </Grid.RowDefinitions>
                                    <RepeatButton x:Name="HorizontalSmallDecrease"
                                                  Width="16"
                                                  IsTabStop="False"
                                                  Template="{StaticResource HorizontalDecrementTemplate}"
                                                  Grid.Column="0"
                                                  Grid.RowSpan="2"
                                                  Interval="50"
                                                  Background="#FF107BC6" />
                                    <RepeatButton x:Name="HorizontalLargeDecrease"
                                                  Width="0"
                                                  IsTabStop="False"
                                                  Template="{StaticResource RepeatButtonTemplate}"
                                                  Grid.Column="1"
                                                  Grid.RowSpan="2"
                                                  Interval="50" />
                                    <Thumb MinWidth="10"
                                           x:Name="HorizontalThumb"
                                           Width="20"
                                           Template="{StaticResource HorizontalThumbTemplate}"
                                           Grid.Column="2"
                                           Grid.RowSpan="2" />
                                    <RepeatButton x:Name="HorizontalLargeIncrease"
                                                  IsTabStop="False"
                                                  Template="{StaticResource RepeatButtonTemplate}"
                                                  Grid.Column="3"
                                                  Grid.RowSpan="2"
                                                  Interval="50" />
                                    <RepeatButton x:Name="HorizontalSmallIncrease"
                                                  Width="16"
                                                  IsTabStop="False"
                                                  Template="{StaticResource HorizontalIncrementTemplate}"
                                                  Grid.Column="4"
                                                  Grid.RowSpan="2"
                                                  Interval="50" />
                                </Grid>
                                <Grid x:Name="VerticalRoot"
                                      Visibility="Collapsed"
                                      Width="9">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition />
                                        <ColumnDefinition />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Rectangle Grid.ColumnSpan="2"
                                               Grid.RowSpan="5"
                                               RadiusX="5"
                                               RadiusY="5"
                                               Fill="#FF343434" />
                                    <Rectangle Margin="1,0,0,1"
                                               Grid.ColumnSpan="2"
                                               Grid.RowSpan="5"
                                               StrokeThickness="1"
                                               RadiusX="5"
                                               RadiusY="5"
                                               Fill="#FF343434" />
                                    <RepeatButton Height="16"
                                                  x:Name="VerticalSmallDecrease"
                                                  IsTabStop="False"
                                                  Template="{StaticResource VerticalDecrementTemplate}"
                                                  Grid.ColumnSpan="2"
                                                  Grid.Row="0"
                                                  Interval="50"
                                                  Foreground="#FFAAAAAA"
                                                  Background="#FFAAAAAA" />
                                    <RepeatButton Height="0"
                                                  x:Name="VerticalLargeDecrease"
                                                  IsTabStop="False"
                                                  Template="{StaticResource RepeatButtonTemplate}"
                                                  Grid.ColumnSpan="2"
                                                  Grid.Row="1"
                                                  Interval="50" />
                                    <Thumb Height="20"
                                           MinHeight="10"
                                           x:Name="VerticalThumb"
                                           Template="{StaticResource VerticalThumbTemplate}"
                                           Grid.ColumnSpan="2"
                                           Grid.Row="2" />
                                    <RepeatButton x:Name="VerticalLargeIncrease"
                                                  IsTabStop="False"
                                                  Template="{StaticResource RepeatButtonTemplate}"
                                                  Grid.ColumnSpan="2"
                                                  Grid.Row="3"
                                                  Interval="50" />
                                    <RepeatButton Height="16"
                                                  x:Name="VerticalSmallIncrease"
                                                  IsTabStop="False"
                                                  Template="{StaticResource VerticalIncrementTemplate}"
                                                  Grid.ColumnSpan="2"
                                                  Grid.Row="4"
                                                  Interval="50"
                                                  Foreground="#FFAAAAAA"
                                                  Background="#FF5A5A5A" />
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="ListBoxScrollViewerStyle"
                   TargetType="ScrollViewer">
                <Setter Property="IsEnabled"
                        Value="true" />
                <Setter Property="Foreground"
                        Value="#FF000000" />
                <Setter Property="BorderBrush"
                        Value="#FFA4A4A4" />
                <Setter Property="BorderThickness"
                        Value="1" />
                <Setter Property="HorizontalContentAlignment"
                        Value="Left" />
                <Setter Property="VerticalContentAlignment"
                        Value="Top" />
                <Setter Property="Cursor"
                        Value="Arrow" />
                <Setter Property="FontSize"
                        Value="11" />
                <Setter Property="VerticalScrollBarVisibility"
                        Value="Visible" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ScrollViewer">
                            <Border BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    CornerRadius="1">
                                <Grid Background="{TemplateBinding Background}">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <Rectangle Grid.Column="1"
                                               Grid.Row="0"
                                               Fill="Transparent" />
                                    <ScrollContentPresenter Grid.Column="1" />
                                    <ScrollBar Cursor="Arrow"
                                               x:Name="VerticalScrollBar"
                                               Width="9"
                                               Grid.Column="0"
                                               HorizontalAlignment="Right"
                                               Grid.Row="0"
                                               Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                               Orientation="Vertical"
                                               ViewportSize="{TemplateBinding ViewportHeight}"
                                               Maximum="{TemplateBinding ScrollableHeight}"
                                               Minimum="0"
                                               Value="{TemplateBinding VerticalOffset}"
                                               Style="{StaticResource ScrollBarStyle}" />
                                    <ScrollBar Cursor="Arrow"
                                               Height="9"
                                               x:Name="HorizontalScrollBar"
                                               Grid.Column="0"
                                               Grid.Row="1"
                                               Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                               Orientation="Horizontal"
                                               ViewportSize="{TemplateBinding ViewportWidth}"
                                               Maximum="{TemplateBinding ScrollableWidth}"
                                               Minimum="0"
                                               Value="{TemplateBinding HorizontalOffset}" />
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <DataTemplate x:Key="EventsDataTemplate">
                <Border BorderBrush="Yellow" CornerRadius="10" BorderThickness="1.2">
                    <Grid>
                        <Image Width="50"
                               Margin="5"
                               Source="{Binding Image}" />
                        <StackPanel Orientation="Horizontal"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Bottom"
                                    Visibility="{Binding IsLocked, Converter={StaticResource BoolToVisibilityConverter}}">
                            <Image Source="images/hmenu-lock.png" />
                        </StackPanel>
                    </Grid>
                </Border>
            </DataTemplate>

            <Style x:Key="BadgeListBoxItemStyle"
                   TargetType="ListBoxItem">
                <Setter Property="Padding"
                        Value="3" />
                <Setter Property="HorizontalContentAlignment"
                        Value="Left" />
                <Setter Property="VerticalContentAlignment"
                        Value="Top" />
                <Setter Property="Background"
                        Value="Transparent" />
                <Setter Property="BorderThickness"
                        Value="0" />
                <Setter Property="TabNavigation"
                        Value="Local" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" >
                                    		<Storyboard>
                                        		<DoubleAnimation Duration="0" To="0.9" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
                                        	</Storyboard>
                                    	</VisualState>
                                        <VisualState x:Name="MouseOver">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0"
                                                                 To="1"
                                                                 Storyboard.TargetProperty="(UIElement.Opacity)"
                                                                 Storyboard.TargetName="contentPresenter" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselected" />
                                        <VisualState x:Name="Selected">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0"
                                                                 To="1"
                                                                 Storyboard.TargetProperty="(UIElement.Opacity)"
                                                                 Storyboard.TargetName="contentPresenter" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused" />
                                        <VisualState x:Name="Unfocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Rectangle x:Name="fillColor"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           RadiusY="1"
                                           RadiusX="1" />
                                <Rectangle x:Name="fillColor2"
                                           Fill="#FFBADDE9"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           RadiusY="1"
                                           RadiusX="1" />
                                <ContentPresenter x:Name="contentPresenter"
                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                                  Content="{TemplateBinding Content}"
                                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  Margin="{TemplateBinding Padding}"
                                                  Opacity="0.7" />
                                <Rectangle x:Name="FocusVisualElement"
                                           RadiusY="1"
                                           RadiusX="1"
                                           Stroke="#FF6DBDD1"
                                           StrokeThickness="1"
                                           Visibility="Collapsed" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

        </ResourceDictionary>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot"
          Width="600"
          Height="423">

        <Path x:Name="BackgroundRectangle"  
              Data="M187.2383,141.7393C187.2383,141.7393,176.3913,144.7943,172.5713,149.0723C164.2383,158.4063,166.5713,209.7393,165.2383,221.7393C163.9053,233.7393,163.9053,364.4073,165.2383,397.0733C166.5713,429.7393,165.2383,441.7393,167.9053,452.4053C170.5713,463.0733,178.5713,462.4053,187.2383,465.7393C195.9053,469.0733,317.9053,475.0733,335.2383,475.0733C352.5713,475.0733,497.2383,476.4073,523.9053,475.0733C550.5723,473.7393,617.2393,476.4053,630.5723,469.7393C643.9053,463.0733,651.2383,452.4053,651.2383,435.7393C651.2383,419.0733,652.5713,301.0723,651.2383,249.0723C649.9053,197.0723,651.8313,159.3863,645.9053,150.4063C641.9333,144.3863,629.2383,143.7393,617.9053,141.7393C606.5723,139.7393,419.9053,137.7393,381.2383,138.4063C342.5713,139.0723,187.2383,141.7393,187.2383,141.7393z"
              Stretch="Fill"
              UseLayoutRounding="False"
              Height="400"
              VerticalAlignment="Bottom">
        	<Path.Effect>
        		<DropShadowEffect Opacity="0.5"/>
        	</Path.Effect>
            <Path.Fill>
                <RadialGradientBrush RadiusX="0.8">
                    <GradientStop Color="#FFD1E778" />
                    <GradientStop Color="#FF4A6305"
                                  Offset="1" />
                </RadialGradientBrush>
            </Path.Fill>
        </Path>

        <Border VerticalAlignment="Bottom"
                Height="400">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <Button x:Name="CloseButton"
                        Style="{StaticResource CloseButtonStyle}"
                        Command="{Binding CloseBadgesCommand}">

                </Button>

                <Grid Grid.Row="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>


                    <StackPanel>
                        
                        <Grid  Margin="50,50,50,5"
                               Grid.Row="1">
                            <Rectangle Height="135"
                                       Width="135"
                                       Stroke="#FFE9E869"
                                       StrokeThickness="5"
                                       RadiusX="10"
                                       RadiusY="10"
                                       d:LayoutOverrides="Height, VerticalMargin">
                                <Rectangle.Effect>
                                    <BlurEffect Radius="10" />
                                </Rectangle.Effect>
                            </Rectangle>
                            <Border CornerRadius="10"
                                    Background="#FFA18343"
                                    Width="130"
                                    Height="130">
                                <Grid>
                                    <Border  Height="125"
                                             Width="125">
                                        <Border.Background>
                                            <ImageBrush Stretch="Fill"
                                                        ImageSource="{Binding WonBadge.Image}" />
                                        </Border.Background>
                                        <Border.Effect>
                                            <BlurEffect Radius="32" />
                                        </Border.Effect>
                                    </Border>
                                    <Image Margin="2"
                                           Height="120"
                                           Width="120"
                                           Stretch="Uniform"
                                           HorizontalAlignment="Center"
                                           VerticalAlignment="Center"
                                           Source="{Binding WonBadge.Image}" />
                                </Grid>
                            </Border>
                        </Grid>
                        
                        <ListBox x:Name="BadgesListBox"
                                 Margin="5"
                                 Background="Transparent"
                                 ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                 ScrollViewer.VerticalScrollBarVisibility="Disabled"
                                 ItemsSource="{Binding Badges}"
                                 ItemTemplate="{StaticResource EventsDataTemplate}"
                                 ItemContainerStyle="{StaticResource BadgeListBoxItemStyle}"
                                 BorderThickness="0"
                                 Width="140">
                            <ListBox.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <toolkit:WrapPanel ScrollViewer.HorizontalScrollBarVisibility="Hidden"
                                                       ScrollViewer.VerticalScrollBarVisibility="Hidden"/>
                                </ItemsPanelTemplate>
                            </ListBox.ItemsPanel>
                        </ListBox>

                    </StackPanel>

                    <Grid Grid.Column="1"
                          x:Name="BadgeDetails"
                          Margin="15">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="2*" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <TextBlock Text="{Binding WonBadge.Title}"
                                   FontSize="21.333"
                                   Foreground="White"
                                   VerticalAlignment="Center"
                                   HorizontalAlignment="Center"
                                   FontFamily="Segoa UI"
                                   TextWrapping="Wrap" />

                        <TextBlock Grid.Row="2"
                                   Margin="5"
                                   TextWrapping="Wrap"
                                   Text="Congratulations !!! YOU've just won a great badge for your accomplishments !"
                                   FontFamily="Segoe UI"
                                   FontSize="13.333"
                                   Foreground="White"
                                   TextAlignment="Center" />
                        <Grid Grid.Row="3"
                              VerticalAlignment="Bottom"
                              Height="44" HorizontalAlignment="Right">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <HyperlinkButton    Grid.Column="0"
                                                HorizontalAlignment="Left"
                                                x:Name="ShareInFacebookButton"
                                                Margin="3"
                                                BorderBrush="Transparent"
                                                BorderThickness="0"
                                                TargetName="_blank">
                                <HyperlinkButton.Template>
                                    <ControlTemplate TargetType="HyperlinkButton">
                                        <ContentPresenter Content="{TemplateBinding Content}" />
                                    </ControlTemplate>
                                </HyperlinkButton.Template>
                                <StackPanel Orientation="Horizontal">
                                    <Image Source="images/facebook_icon.png"
                                           Height="28"
                                           Margin="5" />
                                    <TextBlock Text="Share"
                                               VerticalAlignment="Center"
                                               FontSize="14.667"
                                               FontWeight="Bold"
                                               FontFamily="Segoe UI" />
                                </StackPanel>
                            </HyperlinkButton>

                        </Grid>
                    </Grid>
                </Grid>
                <TextBlock Text="Badges"
                           Grid.Row="0"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Foreground="Yellow"
                           FontWeight="Bold"
                           FontSize="30"
                           FontFamily="Segoe UI">
                	<TextBlock.Effect>
                		<BlurEffect />
                	</TextBlock.Effect>
                </TextBlock>
                <TextBlock Text="Badges"
                           Grid.Row="0"
                           VerticalAlignment="Center"
                           HorizontalAlignment="Center"
                           Foreground="White"
                           FontSize="29"
                           FontFamily="Segoe UI"
                           Margin="0,1,0,0" />
                <Image HorizontalAlignment="Left"
                       Margin="-64,-44,0,-72"
                       Source="images/badge.png"
                       Stretch="Fill"
                       Width="164"
                       Grid.RowSpan="2" />
            </Grid>
        </Border>
    </Grid>
</UserControl>
